html,
body,
.app-container,
.app-root {
  font-family: 'Microsoft YaHei';
  position: relative;
  height: 100%;
  background: @background-color-active;
  overflow: hidden;
}

.ellipsis1 {
  /* padding-right: 15px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis2 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis3 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.app-container {
  & > .ant-spin-nested-loading {
    width: 100%;
    height: 100%;

    & > .ant-spin-container {
      width: 100%;
      height: 100%;
    }
  }
}

.form-upload-disabled {
  .ant-upload-list-item {
    .anticon-delete,
    .anticon-cross {
      display: none;
    }
  }
}

.ant-spin-nested-loading {
  overflow: auto;
  .ant-spin-container {
    overflow: auto;
  }
}
